<?php 
	include_once 'lib/funciones.php';
	include_once 'lib/productos.php';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<link rel="shortcut icon" type="image/x-icon" href="images/img2/favicon.ico">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>.::Decorex Pavimentos::..HOME..</title>
	
	<meta name="keywords" content="deco, decorex, pavi, pavimientos, poliuretano, suelo, goma, decorexpavimentos, decorex-pavimentos, decorex pavimentos" />
	<meta name="description" content="DECOREXPAVIMENTOS" />
	<meta http-equiv="Content-Language" content="es" />
	<meta name="author" content="Juan Carlos Gonzalez" />
	
	<!--
		Para el texto		
	-->
	<script type="text/javascript" src="js/highslide-with-html.js"></script>
	
	<!--
		Para el carrusel de imagenes
	-->
	<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="js/stepcarousel.js"></script>
	
	<link rel="stylesheet" href="css/highslide.css" type="text/css" />
	<link rel="stylesheet" href="css/style.css" type="text/css" />
	<link rel="stylesheet" href="css/carrusel.css" type="text/css" />
	
	<script type="text/javascript">
		hs.graphicsDir = 'graphics/';
    	hs.outlineType = 'rounded-white';
	</script>

</head>

<body bgcolor="#f0f0f0">

	<!-- Master Container: Centered and 700px wide -->
	<div id="container" align="center"> 
	
		<!-- CABECERA: Menu --> 
		<table id="tabla1" width="800" cellpadding="0" cellspacing="0px" border="0">
			<tr>
				<td>
					<img src="images/cabecera/HOME_v2.gif" width="800" height="272" border="0" usemap="#Map"></img>			
				</td>
			</tr>	
		</table>
		<!-- FIN CABECERA -->

		<!-- DATOS DE CONTACTO-->  
		<?php include 'html_comun/cabecera.html' ?>
		<!-- FIN DATOS DE CONTACTO -->
 
		<div class="articleboxinner" > 
			<!-- The flower image. 300px by 200px -->    
			<!--
				Vamos a hacer un seleccion aleatorio de la imagen
				de tal forma que cada vez que se cargue la imagen "muestre" una 
				diferente 
		 	-->
		 	<?php
		 		$nomImagenIndex = aleatorio_index("parques/index"); 
		 		$ruta = "parques/index/".$nomImagenIndex;
		 	?> 
			<img src="<?php echo $ruta;?>" border="0" alt="help" width="348" height="213" class="mainpiccontrol2"  />

			<!-- The title for this article -->
			<span class="articleheader2">Nuestra Empresa </span> <br />
			<!-- The preview content -->

			<div class="spacy"> 
				Nuestra actividad principal se basa en el compromiso de 
				ofrecer a nuestros clientes productos de calidad y seguridad, raz&oacute;n 
				por la que seguimos trabajando e investigando, con el prop&oacute;sito de 
				seguir avanzando cada vez mas en el sector de los pavimentos de seguridad 
				continuos. Nuestra empresa es consciente de la importancia de mantener el 
				equilibrio con el medio ambiente, por ello nuestros productos son ecol&oacute;gicos, 
				no contaminantes y para ello se fabrican con material reciclable. <br />
				<span class="estiloC">INSTALACIONES EN CUALQUIER ZONA DE ESPA&Ntilde;A.</span>    
			</div>
		</div>

		<br />

		<!-- AQUI VA EL CARRUSEL DE IMAGENES -->

		<script type="text/javascript">
			stepcarousel.setup({
					galleryid: 'galleryB', //id of carousel DIV
					beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
					panelclass: 'panel', //class of panel DIVs each holding content
					panelbehavior: {speed:500, wraparound:true, persist:false},
					defaultbuttons: {enable: false, moveby: 1, leftnav: ['arrowl.gif', -10, 100], rightnav: ['arrowr.gif', -10, 100]},
					statusvars: ['reportA', 'reportB', 'reportC'],
					contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
			})
        </script>

        <table border="0" width="800px" align="center">
			<caption>
				<b>Trabajos:</b> <span id="reportA"></span> de <span id="reportB"></span> 
				<b>total: </b><span id="reportC"></span> 
			</caption>
			<tr>
				<!-- flecha IZQUIERDA -->
				<td width="10%" align="right"> 
					<div> 
                        <a href="javascript:stepcarousel.stepBy('galleryB', -2)"> 
							<img src="images/comple/arrowrev.png" alt="Back" width="12" height="12" border="0" longdesc="Back" />                        
						</a>                       
					</div>
                </td>
                <!-- Fin flecha IZQUIERDA -->

				<td width="80%" align="center"> 
					<div id="galleryB" class="stepcarousel"> 
						<div class="belt">                
							<div class="panel" style="width: 130px; ">                                         	
								<a href="images/carrusel/images/venta.jpg" class="highslide" onclick="return hs.expand(this,
										{wrapperClassName: 'highslide-white', outlineType: 'rounded-white', dimmingOpacity: 0.75, align: 'center' })" 
										title="::Ver m&aacute;s fotos en :: TRABAJOS --> ">

									<img src="images/carrusel/thumbnails/venta.jpg" alt="Venta de Ba�os" />
								</a>					
							</div>
                    
							<div class="panel" style="width: 130px; ">                                         	
								<a href="images/carrusel/images/medel.jpg" class="highslide" onclick="return hs.expand(this,
										{wrapperClassName: 'highslide-white', outlineType: 'rounded-white', dimmingOpacity: 0.75, align: 'center' })" 
										title="::Ver m&aacute;s fotos en :: TRABAJOS --> BURGOS --> SAN MEDEL ">
									<img src="images/carrusel/thumbnails/medel.jpg" alt="Burgos San Medel" />
								</a>					
							</div> 
							
							<div class="panel" style="width: 130px; ">                                         	
								<a href="images/carrusel/images/espinosa.jpg" class="highslide" onclick="return hs.expand(this,
										{wrapperClassName: 'highslide-white', outlineType: 'rounded-white', dimmingOpacity: 0.75, align: 'center' })" 
										title="::Ver m&aacute;s fotos en :: TRABAJOS --> ESPINOSA --> VILLAGONZALO ">
									<img src="images/carrusel/thumbnails/espinosa.jpg" alt="Espinosa de Villagonzalo" />
								</a>					
							</div>  
                    
							<div class="panel" style="width: 130px; ">                                         	
								<a href="images/carrusel/images/duenas.jpg" class="highslide" onclick="return hs.expand(this,
										{wrapperClassName: 'highslide-white', outlineType: 'rounded-white', dimmingOpacity: 0.75, align: 'center' })" 
										title="::Ver m&aacute;s fotos en :: TRABAJOS --> DUE&Ntilde;AS">
									<img src="images/carrusel/thumbnails/duenas.jpg" alt="Due�as" />
								</a>					
							</div>            
                                                    
							<div class="panel" style="width: 130px"> <img src="images/img2/foto5.jpg" alt="Cavarrubias" /></div>
                            <div class="panel" style="width: 130px"> <img src="images/img2/foto6.jpg" alt="Parchis" /></div>
							<div class="panel" style="width: 130px"> <img src="images/img2/foto7.jpg" alt="Nidaguila" /></div>
							<div class="panel" style="width: 130px"> <img src="images/img2/foto8.jpg" alt="Prado de la Vega" /></div>
							<div class="panel" style="width: 130px"> <img src="images/img2/foto9.jpg" alt="San Morales" /></div>
							<div class="panel" style="width: 130px"> <img src="images/img2/foto10.jpg" alt="Villaverde del Camino" /></div>
							<div class="panel" style="width: 130px"> <img src="images/img2/foto11.jpg" alt="Vilvestre" /></div>                                     
							<div class="panel" style="width: 130px"> <img src="images/img2/foto12.jpg" alt="Sanabria" /></div>      
							<div class="panel" style="width: 130px"> <img src="images/img2/foto13.jpg" alt="Iocus Zamora" /></div>                                  
							<div class="panel" style="width: 130px"> <img src="images/img2/foto14.jpg" alt="Aveiro" /></div>                                        
						</div>
					</div>
				</td>

				<td width="10%" align="left"> 
					<div> 
						<a href="javascript:stepcarousel.stepBy('galleryB', 2)"> 
							<img src="images/comple/arrow.png" alt="Forward" width="12" height="12" border="0" longdesc="Forward" />                
						</a>                
					</div>
				</td>
			</tr>
		</table>
		<!-- End of photogallery -->

  

		<!-- Holder for three columns -->
		<div class="articleboxouter"> 
			<div id="newsContainer2"> 
				<!-- Column 1 -->
				<div class="c1"> 
					<div class="noteheader"> &nbsp;Medios t&eacute;cnicos </div>
					<div class="spacy2"> 
						Nuestra actividad mercantil comercializa su actividad en el 
						sector de pavimentos continuos desarrollando un monoproducto que se 
						instala y fabrica in situ. &nbsp; 
						<a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html1' } )" class="highslide"> 
							Leer m&aacute;s 
						</a> 
					</div>

					<div class="highslide-html-content" id="highslide-html1"> 
						<div class="highslide-header"> 
							<ul>
								<li class="highslide-move"> <a href="#" onclick="return false">Mover</a> </li>
								<li class="highslide-close"> <a href="#" onclick="return hs.close(this)">Cerrar</a> </li>
							</ul>
						</div>

         				<div class="highslide-body"> 
         					Nuestra actividad mercantil comercializa su actividad 
            				en el sector de pavimentos continuos desarrollando un monoproducto 
            				que se instala y fabrica in situ. Esta condici&oacute;n impl&iacute;cita 
            				de muestra actividad nos condiciona al desarrollar nuestros medios 
            				t&eacute;cnicos que dividimos en dos &aacute;reas diferenciales: Gabinete 
            				de ensayos y equipos de obra. 
            			</div>

          				<div class="highslide-footer"> 
            				<div> 
            					<span class="highslide-resize" title="Resize"></span> 
               				</div>
          				</div>
        			</div>
      			</div>

      			<!-- Column 2 -->
      			<div class="c2"> 
        			<div class="noteheader"> &nbsp;Pavimentos continuos </div>
        			<div class="spacy2"> 
        				De caucho, con espesores diferentes para obtener las 
          				propiedades espec&iacute;ficas a cada tipo de pavimento, mezclados con 
          				un ligante de poliuretano monocomponente. &nbsp; 

          				<a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html2' } )" class="highslide"> 
          					Leer m&aacute;s 
          				</a> 
          			</div>

        			<div class="highslide-html-content" id="highslide-html2"> 
          				<div class="highslide-header"> 
				            <ul>
				              <li class="highslide-move"> <a href="#" onclick="return false">Mover</a> </li>
				              <li class="highslide-close"> <a href="#" onclick="return hs.close(this)">Cerrar</a> </li>
				            </ul>
          				</div>

          				<div class="highslide-body"> 
          					De caucho, con espesores diferentes para 
            				obtener las propiedades espec&iacute;ficas a cada tipo de pavimento, 
            				mezclados con un ligante de poliuretano monocomponente. Formando parte 
            				de su estructura monol&iacute;tica, se le da un acabado con gr&aacute;nulos 
	            			de EPDM y espesor variable, condicionado a las caracter&iacute;sticas 
            				de dise&ntilde;o de los diferentes tipos de pavimento: Longevidad, 
            				est&eacute;tico, higiene, seguridad, etc. 
            			</div>

          				<div class="highslide-footer"> 
            				<div> 
            					<span class="highslide-resize" title="Resize"></span> 
              				</div>
          				</div>
        			</div>
      			</div>

      			<!-- Column 3 -->
      			<div class="c3"> 
        			<div class="noteheader"> &nbsp;Equipo de obra </div>
        				<div class="spacy2"> 
        					Formado por: <br />
           					&nbsp; &nbsp;&nbsp; &nbsp;-Veh&iacute;culo industrial homologado.<br />
           					&nbsp; &nbsp;&nbsp; &nbsp;-Dos t&eacute;cnicos especialistas en pavimento. &nbsp; 
                        
                        	<a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html3' } )" class="highslide"> Leer m&aacute;s </a>                             
        				</div>

        				<div class="highslide-html-content" id="highslide-html3"> 
          					<div class="highslide-header"> 
            					<ul>
					              <li class="highslide-move"> <a href="#" onclick="return false">Mover</a> </li>
					              <li class="highslide-close"> <a href="#" onclick="return hs.close(this)">Cerrar</a> </li>
					            </ul>
          					</div>

          					<div class="highslide-body"> 
          						Formado por: 
					            <ul>
					              <li>Veh&iacute;culo industrial homologado.</li>
					              <li>Dos t&eacute;cnico especialista en pavimento.</li>
					              <li>Un auxiliar de obra</li>
					            </ul>
            					Materiales y utillajes espec&iacute;ficos de mezclas. 
            				</div>

          					<div class="highslide-footer"> 
            					<div><span class="highslide-resize" title="Resize"></span> </div>
          					</div>
        				</div>
      				</div>
    			</div>
  			</div>
  			<!-- End of the three columns holder -->

  
  		<!-- This little whitespace will separate the page from the footer -->

		<!-- PIE -->
		<?php include 'html_comun/pie.html' ?>
		<!-- FIN DIV PIE -->

	
</body>
</html>
